(function () {
    const oEchart = echarts.init(document.getElementById('pie01'));
    oEchart.setOption({
        tooltip: {
            trigger: 'item'
        },
        series: [
            {
                name: 'Access From',
                type: 'pie',
                roseType: 'radius', //开启南丁格尔图
                selectedMode: 'single', //single/multiple 点击选中效果，使选中的区域偏离中心点一段距离
                selectedOffset: 20, //设置选中偏离距离值
                // radius: 50, //半径 
                // radius: '50%', //半径 
                radius: ['10%', '50%'], //半径 设置为数组时，显示为空心饼图
                data: [
                    {
                        value: 1048, name: 'a',
                        itemStyle: {
                            color: 'red'
                        },
                        label: {
                            color: 'orage'
                        },
                        emphasis: {
                            itemStyle: {
                                color: 'pink'
                            }
                        }
                    },
                    { value: 1235, name: 'b' },
                    { value: 580, name: 'c' },
                    { value: 484, name: 'd' },
                    { value: 300, name: 'e' }
                ],
                label: { //文字设置
                    show: true,
                    formatter: function (arg) {
                        return arg.name + '-' + arg.value + '-' + arg.percent + '%'
                    }
                },
                emphasis: {
                    itemStyle: {
                        shadowBlur: 10,
                        shadowOffsetX: 0,
                        shadowColor: 'rgba(0, 0, 0, 0.5)'
                    }
                }
            }
        ]
    })
})()